import React from 'react';
import ReactDOM from 'react-dom/client';

// import App from './02-受控组件';
// import App from './03-受控组件练习';
// import App from './04-非受控组件';
// import { App } from './05-B站评论列表-v2';
// import { App } from './06-Radio';
import { AppClass, AppFn } from './App';

// 应用渲染的根节点
const root = ReactDOM.createRoot(document.getElementById('root'));

root.render(
  <div>
    <AppClass
      name={'Jack'}
      age={18}
      likes={['吃饭', '睡觉', '敲代码']}
      obj={{ name: 'Rose', age: 18 }}
      fn={(arg) => {
        return <h2>{arg}</h2>;
      }}
      jsx={<h2>我是传入的UI</h2>}
    />
    <AppFn
      name={'Jack'}
      age={18}
      likes={['吃饭', '睡觉', '敲代码']}
      obj={{ name: 'Rose', age: 18 }}
      fn={(arg) => {
        return <h2>{arg}</h2>;
      }}
      jsx={<h2>我是传入的UI</h2>}
    />
  </div>
);
